<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>墨阅小说</title>
    <link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/moyue/css/book.css}"  rel="stylesheet">
    <link th:href="@{/moyue/css/loginortop.css}"  rel="stylesheet">
    <link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
<body style="background-color: #fff;">
            <div class="navs" id="div1">
                <div class="navs-top">
                    <div class="navs-top-left">
                        <ul>
                            <div class="top-left-one"><a th:href="@{/moyue/user/index}" target="" style="font-size: 20px;">墨阅小说网</a></div>
                            <li><a href="xuanhuan.html" target="" >玄幻</a></li>
                            <li><a href="dushi.html" target="" >都市</a></li>
                            <li><a href="xianxia.html" target="">仙侠</a></li>
                            <li><a href="kehuan.html" target="" >科幻</a></li>
                            <li><a href="youxi.html" target="" >游戏</a></li>
                            <li><a href="lishi.html" target="" >历史</a></li>
                            <li><a href="rank.html" target="_blank" >排行</a></li>
                            <li class="more"><a href="javascript:" id="top-nav-more" target="" >更多<span></span></a>
                                <div class="top-left-dropdown"><a href="all.html" target="_blank" >全部作品</a>
                                    <a href="2cy.html" target="" >二次元</a>
                                    <a href="qihuan.html" target="" >奇幻</a>
                                    <a href="wuxia.html" target="" >武侠</a>
                                    <a href="lingyi.html" target="" >灵异</a>
                                    <a href="junshi.html" target="" >军事</a>
                                    <a href="xianshi.html" target="" >现实</a>
                                    <a href="tiyu.html" target="" >体育</a>
                                    <a href="duanpian.html" target="">短篇</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="navs-top-right">
                        <div class="top-right-shou">
                            <input placeholder="斗罗大陆">
                            <i class="fa fa-search" style="margin-left: 10px;cursor:pointer"></i>
                            &nbsp;&nbsp;|
                        </div>
                        <div class="top-right-myhone">
                            <div class="myhone" th:if="${session.user}==null">
                                <span onclick="upup()">登录</span>&nbsp;&nbsp;
                                <span><a th:href="@{/moyue/user/registerUI}">注册</a> </span>
                            </div>
                            <div class="mylanded" th:if="${session.user}!=null">
                                <a th:href="@{/moyue/index}"><span th:each="user : ${session.user}" th:text="${user.userName}"></span></a>
                                <div class="mylanded-y">
                                    <a th:href="@{/moyue/user/myhomehtml}">个人中心</a>
                                    <a th:href="@{/moyue/user/safetyhtml}">安全中心</a>
                                    <a th:href="@{/moyue/book/bookcaselist}">我的书架</a>
                                    <a th:href="@{/moyue/user/outlogin}">退出登录</a>
                                </div>
                            </div> &nbsp;
                            &nbsp;|
                            <div class="mybook">
                                <a th:href="@{/moyue/book/bookcaselist}">
                                    <i class="iconfont" style="font-size: 25px">&#xe60a;</i>
                                    <span style="line-height: 30px">我的书架</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="back"></div>
            <div id="denglu">
                <div class="denglu-login">
                    <div class="denglu-close" onclick="closes()"><i class="fa fa-close"></i></div>
                    <div class="login-top">
                        <div class="login-top-one">账号登陆</div>
                    </div>
                    <div class="login-center">关于墨阅网将实行<a href="#">手机绑定实名制的说明</a>
                    </div>
                    <input placeholder="手机/邮箱/用户名" id="user">
                    <input placeholder="密码" id="password">
                    <div class="self-motion">
                        <input type="checkbox" style="width: 15px;height: 15px;margin: 0px">
                        <span>下次自动登录</span>
                    </div>
                    <a href="forget.html" target="_blank" class="wangji">忘记密码</a>
                    <a href="#"><div class="denglu-button" onclick="login()">登陆</div></a>
                    <div class="denglu-three">
                        <p>使用第三方账号登录</p>
                        <div class="three-ss">
                            <a href="javascript:;" class="three-ss-qq" style="background-color: #FF0036;font-size:25px;"><i class="fa fa-weibo" title="新浪微博"></i></a>
                            <a href="javascript:;" class="three-ss-qq" style="background-color: #111111;font-size: 25px"><i class="fa fa-github" title="GitHub"></i> </a>
                            <a href="javascript:;" class="three-ss-qq" style="background-color: #0a6397;font-size: 25px"><i class="fa fa-qq" title=""></i> </a>
                            <a href="javascript:;" class="three-ss-qq" style="background-color: #419641;font-size: 25px"><i class="fa fa-linkedin" title=""></i> </a>
                        </div>
                        <p style="margin-top: 70px;padding-top: 10px;border-top: 1px solid #D1CCC7;">没有账号？<a href="register.html" target="_blank" style="color: #36a803;">立即申请</a></p>
                    </div>
                </div>
            </div>
	        <div class="navs-top-right">
	            <div class="top-right-shou">
	                <input placeholder="斗罗大陆">
	                <i class="fa fa-search" style="margin-left: 10px;cursor:pointer"></i>
	                &nbsp;&nbsp;|
	            </div>
	            <div class="top-right-myhone">
	                <div class="myhone">
	                    <span onclick="upup()">登录</span>&nbsp;&nbsp;
	                    <span><a href="register.html" style="color: #fff;">注册</a> </span>
	                </div>&nbsp;&nbsp;|
	                <div class="mybook">
	                    <i class="iconfont" style="font-size: 25px">&#xe60a;</i>
	                    <span style="line-height: 30px">我的书架</span>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
	<div class="work-total">
        <div class="work-title">
            <h1><b>作品讨论区《 <span>国脉科技等会人</span> 》</b></h1>
        </div>
        <div class="work-info">
            <!--右-->
            <div class="right-wrap">
                <div class="autor-info">
                    <div class="autor-info-img">
                        <a href="" target="_blank">
                            <img src="images/autor.jpg"/>
                        </a>
                    </div>
                    <a href="" target="_blank"><div id="autor1"></div></a>
                </div>
                <div class="recommend">
                    <h4 style="padding: 12px;"><b>本周强推</b><b>.</b><b>武侠</b></h4>
                    <ul>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                        <li>
                            <a href="" target="_blank"><em>「</em>武侠幻想<em>」</em></a>
                            <a href="" target="_blank" title="最强大武道系统">最强大武道系统</a>
                        </li>
                    </ul>
                </div>
                <a href="" target="_blank"><img src="images/0 (1).jpg" style="padding: 12px; width: 250px;"/></a>
                <div class="recommend">
                    <h4 style="padding: 12px;">
                        <b>粉丝排行榜</b>
                        <span style="float: right; font-size: 13px;"><a href="" target="_blank" style="color: #999;">更多》</a></span>
                    </h4>
                    <ul>
                        <li>
                            <div class="num_box">
                                <span style="background-color: #BF2C24;">1</span>
                            </div>
                            <div class="num_name">
                                <a href="" target="_blank">笑傲武侠***</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color: #e67225;">2</span>
                            </div>
                            <div class="num_name">
                                <a href="" target="_blank">笑傲武侠***</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color: #E6BF25;">3</span>
                            </div>
                            <div class="num_name">
                                <a href="" target="_blank">笑傲武侠***</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">4</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">5</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">6</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">7</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">8</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>
                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">9</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>

                        <li>
                            <div class="num_box">
                                <span style="background-color:#ededed;">10</span>
                            </div>
                            <div class="num--name">
                                <a href="" target="_blank">书友161118224846862</a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
		<div class="comment-list" style="position: absolute;">
            <ul>
                <li>
                    <div class="user-photo">
                        <a><img src="images/list01.jpg"/></a>
                    </div>
                    <div class="discuss-info">
                        <div>
                            <a><b style="font-size: 16px;">雾掩全城</b></a> 发表了帖子
                        </div>
                        <p style="color: #D82626;margin-top: 12px;">该给孩子取名字了，大家说取啥名</p>
                        <div class="time-info">
                            <span>2017-12-28更新</span>
                            <div style="position: absolute; left: 128px; top: -20px;">
                                <span><div class="iconfont">&#xe651;</div></span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
	</div>
</body>
<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/moyue/js/read.js}"></script>
</html>
